<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
     echo '<center>
                   <table id="tablit" align="center">
                       <tr>
                           <td colspan=2>
                                <img src="../../../vista/imagen/BANNERSES.png" width="1249" height="125" alt="BANNERSES"/>
                           </td>
                       </tr>
                       <tr>
                       </tr>
                       <tr>
                          <td align=right id="sesion"><strong>Sesion:</strong> '.$_SESSION['nombre'].'
                              <a href="../../../controlador/php/sql/cerrarSesion.php">
                                  <img src="../../../vista/imagen/cesesion.png" title="cerrar sesion" width="20" height="20" alt="csesion" align="absbottom"/>
                              </a>
                          </td>
                       </tr>
                    </table>
            </center>
            </br></br>';
?>
<center>
<html>
    <head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- LIBRERIAS JQUERY PARA LA CREACION DEL CALENDARIO -->
        <script src="../js/jquery-1.9.1.min.js"></script>
        <link rel="stylesheet" href="../css/demos.css" type="text/css">
        <link rel="stylesheet" href="../css/impresion.css" type="text/css" media="print">
        <link rel="stylesheet" href="../css/jquery.ui.all.css" type="text/css">
        <script type="text/javascript" src="../js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="../js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="../js/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="../css/pestana.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        
        <!-- HOJA QUE DA ESTILO AL FORMULARIO -->
        
        <link href="../css/bootstrap-combined.min.css" rel="stylesheet">
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../js/alertify.js"></script>
	<link rel="stylesheet" href="../css/alertify.core.css" />
	<link rel="stylesheet" href="../css/alertify.default.css" />
        
       
        <script>
            $(document).ready(function(){
            //evento que se dispara al hacer clic en el boton para agregar una nueva fila
                $("#agregar").click(function(){
                        //almacenamos en una variable todo el contenido de la nueva fila que deseamos
                        //agregar. pueden incluirse id's, nombres y cualquier tag... sigue siendo html
                        var strNueva_Fila='\
                                                <tr>\
                                                    <td><font color="#848484">Datos del Nacido</font></td>\
                                                    <td>\
                                                        Sexo</br>\
                                                        <select id="sexo" name="sexo[]" style="width: 115px">\
                                                            <option>Seleccione</option>\
                                                            <option value="M">Masculino</option>\\n\
                                                            <option value="F">Femenino</option>\\n\
                                                            <option value="IN">Indetermenido</option>\\n\
                                                            <option value="NA">NA</option>\
                                                        </select>\
                                                    </td>\
                                                    <td></td>\
                                                    <td>\
                                                        Peso</br>\
                                                        <input type="text" onkeypress="return isNumberKey(event)" id="peso" placeholder="gr" name="peso[]" value="" style="width: 55px"/>\
                                                    </td>\
                                                    <td></td>\
                                                    <td>\
                                                        Talla</br>\
                                                        <input type="text"  id="talla" placeholder="cm" name="talla[]" value="" style="width: 50px"/>\
                                                    </td>\
                                                    <td></td>\
                                                    <td>\
                                                        Certificado</br>\
                                                        <input type="text" id="certi" name="certificado[]" value="" style="width: 115px"/>\
                                                    </td>\
                                                    <td></td>\
                                                    <td>\
                                                        Medico de Alta</br>\
                                                        <select id="medico" name="medico" style="width: 175px">\
                                                            <option>Seleccione</option>\
                                                            <option value="1">Miguel Angel</option>\
                                                        </select>\
                                                    </td>\
                                                    <td align="right"><input title="ELIMINAR FILA" type="button" value="-" class="clsEliminarFila"></td>\
                                                </tr>';

                        /*obtenemos el padre del boton presionado (en este caso queremos la tabla, por eso
                        utilizamos get(3)
                                table -> padre 3
                                        tfoot -> padre 2
                                                tr -> padre 1
                                                        td -> padre 0
                        nosotros queremos utilizar el padre 3 para agregarle en la etiqueta
                        tbody una nueva fila*/
                        var objTabla=$(this).parents().get(3);

                        //agregamos la nueva fila a la tabla
                        $(objTabla).find('tbody').append(strNueva_Fila);

                        //si el cuerpo la tabla esta oculto (al agregar una nueva fila) lo mostramos
                        if(!$(objTabla).find('tbody').is(':visible')){
                                //le hacemos clic al titulo de la tabla, para mostrar el contenido
                                $(objTabla).find('caption').click();
                        }
                });
        });
        
        $(document).on('click','.clsEliminarFila',function(){
					
		/*obtenemos el padre (tr) del td que contiene a nuestro boton de eliminar
		que quede claro: estamos obteniendo dos padres
					
		el asunto de los padres e hijos funciona exactamente como en la vida real
		es una jergarquia. imagine un arbol genealogico y tendra todo claro ;)
				
			tr	--> padre del td que contiene el boton
				td	--> hijo de tr y padre del boton
					boton --> hijo directo de td (y nieto de tr? si!)
		*/
		var objFila=$(this).parents().get(1);
			/*eliminamos el tr que contiene los datos del contacto (se elimina todo el
			contenido (en este caso los td, los text y logicamente, el boton */
			$(objFila).remove();
                        
	});
        
        </script>
        <script>
            $(function() {
                    $( "#fechaParto" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi�rcoles', 'Jueves', 'Viernes', 'S�bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0",


                    });
            });
            
        </script>
        <script>
            maximo=new Array();
            maximo["hora"]=23;
            maximo["minutos"]=59;
            function cambiar(esto,a){
                h=document.forms[0][esto];
                h1=parseInt(h.value);
                if(a<0){
                    h2=((h1+a)<0)?maximo[esto]:(h1+a);
                }
                else{
                    h2=((h1+a)>maximo[esto])?0:(h1+a);
                }
                    h2=(h2<10)?"0"+h2:h2;
                    h.value=h2;
            }
            
            
            function validarHora(){
                h = document.getElementById("hora");
                if(h.value > 23){
                    alert("ERROR, FORMATO DE HORA 24/H");
                    h.focus();
                }
            }
            
            
            function validarMinu(){
                m = document.getElementById("minuto");
                if(m.value > 59){
                    alert("HERROR DE FORMATO");
                    m.focus();
                }
            }
            
        </script>
        <script type="text/javascript">
            
                function datosPac(){
                        var documento = $("#documento").val();
                        $.ajax({
                            type: "POST",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../controlador/php/sql/datosPacientes.php",
                            data: {documento:documento},
                            success: mostrarDatos,
                            timeout: 4000,
                            error: errorEnvio
                            
                          
                        });
                }   
                
                function errorEnvio() {
                    alert("error");
                }
                
                function mostrarDatos( datos )
                {
                    
                    /*$("#documento").attr("value", datos.documento );
                    $("#nombres").attr("value", datos.nombres );
                    $("#apellidos").attr("value", datos.apellidos );
                    $("#fechanac").attr("value", datos.fechanac );//fecha nac y edad;
                    $("#edad").attr("value", datos.edad );
                    $("#log").html("<font color=red>" + datos.existe + "<font>");*/
                    rpt = $.parseJSON(datos);
                    //datos = $("#respuesta");
                    //var temp=1;
                    $("#fechaIngre").attr("value","");
                    $("#ase").attr("value","");
                    if(rpt === null){
                        alertify.error("USUARIO INEXISTENTE..."); 
                        $("#documento").focus();
			return false;
                    }
                    for(pac in rpt){
                        //if(temp === 1){
                            //datos.append(rpt[pac].PACNUMDOC);
                            $("#documento").attr("value",rpt[pac].PACNUMDOC);
                            $("#nombres").attr("value",rpt[pac].NOMBRES);
                            $("#apellidos").attr("value",rpt[pac].APELLIDOS);
                            $("#fechanac").attr("value",rpt[pac].FECHANAC);
                            $("#edad").attr("value",rpt[pac].EDAD);
                            $("#oid").attr("value",rpt[pac].OID);
                        //}
                        //temp++;  
                        //datos.append( rpt[pac].AINCONSEC );
                    }
                    
                    datos= $("#ingreso");
                    $("#ingreso").html("<option>Seleccione</option>");
                    for(pac in rpt){
                        //$("#ingre").html("");
                        datos.append("<option value='"+ rpt[pac].AINCONSEC  +"'>" + rpt[pac].AINCONSEC + "  " + "-" + "  " + rpt[pac].FECHAINGRESO + "</option>");
                        //$("#ingre").html("<option>" + rpt[pac].AINCONSEC + "</option>");
                    }
                    
                }
            </script>
            <script type="text/javascript">
                function datosIng(){
                   //alert("ingreso -> "+valor);
                    var ingre = $("#ingreso").val();
                        
                        
                        $.ajax({
                            type: "POST",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../controlador/php/sql/datosIngresos.php",
                            data: {ingre:ingre},
                            success: mostrar,
                            timeout: 4000,
                            error: error
                            
                          
                        });
                }   
                
                function error() {
                    alert("error");
                }
                
                function mostrar( ing )
                {
                    rpti = $.parseJSON(ing);
                    
                    for(paci in rpti){
                        //if(temp === 1){
                            //datos.append(rpt[pac].PACNUMDOC);
                            $("#fechaIngre").attr("value",rpti[paci].FECHAINGRESO);
                            $("#ase").attr("value",rpti[paci].ASEGURADORA);
                        //}
                        //temp++;  
                        //datos.append( rpt[pac].AINCONSEC );
                    }
                 
                }
                
                
                $(document).ready(function(){
                    $("#datos").click(function() {
                        var datos = $("#documento").val();
                        
                        if(datos === ""){
                                alertify.alert("<b> DIGITE EL DOCUMENTO DEL PACIENTE </b>", function () {
					//aqui introducimos lo que haremos tras cerrar la alerta.
					//por ejemplo -->  location.href = 'http://www.google.es/';  <-- Redireccionamos a GOOGLE.
                                        $("#documento").focus();
				});
                                //alert("¡ DIGITE EL DOCUMENTO DEL PACIENTE...!");
                            //$("#documento").focus();
                            return false;
                        }
                    });
                });
                
                
                $(document).ready(function(){
                    $("#enviar").click(function() {
                        var x;
                        var sexo = $("#sexo").val();
                        var datos = $("#documento").val();
                        
                        if(datos === ""){
                            alertify.alert("<b> DIGITE EL DOCUMENTO DE LA PACIENTE </b>", function () {
					//aqui introducimos lo que haremos tras cerrar la alerta.
					//por ejemplo -->  location.href = 'http://www.google.es/';  <-- Redireccionamos a GOOGLE.
                                        $("#documento").focus();
                            });
                            return false;
                        }
                        if($("#nombres").val() === ""){
                            alertify.alert("<b> CARGUE LOS DATOS DEL PACIENTE</b>", function () {
                                    $("#datos").focus();
                            });

                            return false;
                        }
                        if($("#ingreso").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE INGRESO DE LA PACIENTE </b>", function () {
                                    
                                    $("#ingreso").focus();
                            });
                        return false;
                        }
                        if($("#procedencia").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE LA PROCEDENCIA </b>", function () {
                                    $("#procedencia").focus();
                            });
                            return false;
                        }
                        if($("#conducta").val() === "Seleccione"){
                            alertify.alert("<b>SELECCIONE CONDUCTA DE LA PACIENTE</b>", function () {
                                    $("#conducta").focus();
                            });
                            return false;
                        }
                        if($("#estado").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE ESTADO DE ALTA </b>", function () {
                                    $("#estado").focus();
                            });
                            return false;
                        }
                        if($("#ftp").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE LA FORMA DE TERMINACION DEL PARTO </b>", function () {
                                    $("#ftp").focus();
                            });
                            return false;
                        }
                        if($("#fechaParto").val() === ""){
                            alertify.alert("<b> SELECCIONE LA FECHA Y LA HORA DE PARTO </b>", function () {
                                    $("#fechaParto").focus();
                            });
                            return false;
                        }
                        /*if($("#hora").val() === "00"){
                                alert("SELECCIONE HORA");
                            $("#hora").focus();
                            return false;
                        }
                        if($("#minuto").val() === "00"){
                                alert("SELECCIONE MINUTO");
                            $("#minuto").focus();
                            return false;
                        }*/
                        if($("#analgesia").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE SI SE APLICO ANALGESIA OBSTETRICA </b>", function () {
                                    $("#analgesia").focus();
                            });
                            return false;
                        }
                        if($("#caudna").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE LA CAUSA DE LA NO ANALGESIA </b>", function () {
                                    $("#caudna").focus();
                            });
                            return false;
                        }
                        if(sexo === "Seleccione"){
                            alertify.alert("<b> SELECCIONE EL SEXO </b>", function () {
                                    $("#sexo").focus();
                            });
                            return false;
                        }
                        if($("#peso").val() === ""){
                            alertify.alert("<b> DIGITE EL PESO </b>", function () {
                                    $("#peso").focus();
                            });
                            return false;
                        }
                        if($("#talla").val() === ""){
                            alertify.alert("<b> DIGITE LA TALLA </b>", function () {
                                    $("#talla").focus();
                            });
                            return false;
                        }
                        if($("#certi").val() === ""){
                            alertify.alert("<b> DIGITE EL CERTIFICADO DE NACIMIENTO </b>", function () {
                                    $("#certi").focus();
                            });
                            return false;
                        }
                        if($("#medico").val() === "Seleccione"){
                            alertify.alert("<b> SELECCIONE EL MEDICO DE ALTA </b>", function () {
                                    $("#medico").focus();
                            });
                            return false;
                        }
                        
                        //un confirm
			alertify.confirm("<p>ESTA SEGURO DE REGISTRAR EL SEGUIMIENTO</p>", function (e) {
				if (e) {
                                    $('#ginecob').attr('action', '../../controlador/php/sql/insertarSeg.php');
                                    $("#ginecob").submit();
				} else { 
                                    $("#documento").focus();
				}
				}); 
                                return false;
                        /*var r=confirm("ESTA SEGURO DE ENVIAR EL FORMULARIO");
                        if (r===true)
                        {
                          x= this.form.action='insertarSeg.php';this.form.submit();
                        }
                        else
                        {
                            x= $("#documento").focus();
                        }*/
                        
                    });
                });
                
                function comfirmar(){
                    //un confirm
			alertify.confirm("<p>ESTA SEGURO DE REGISTRAR EL SEGUIMIENTO</p>", function (e) {
				if (e === true) {
                                    alert("envio");
                                    $('#ginecob').attr('action', 'insertarSeg.php');
				} else { 
                                    $("#documento").focus();
				}
				}); 
                                return false;
                }
                
                function limpiar(){
                    
                    document.location=("formGineco.php");
                }
            </script>
            <script type="text/javascript">
                (function(a){a.fn.validCampoFranz=function(b)
                    {a(this).on({keypress:function(a)
                            {var c=a.which,d=a.keyCode,e=String.fromCharCode(c).toLowerCase(),f=b;(-1!=f.indexOf(e)||9==d||37!=c&&37==d||39==d&&39!=c||8==d||46==d&&46!=c)&&161!=c||a.preventDefault()}})}})(jQuery);
                
                $(function(){
                    //Para escribir solo letras
                    //$('#miCampo1').validCampoFranz(' abcdefghijklmnñopqrstuvwxyzáéiou');

                    //Para escribir solo numeros    
                    $('#documento').validCampoFranz('0123456789');
                   
                });
            </script>
            
            <SCRIPT language=Javascript>
                <!--
                function isNumberKey(evt)
                {
                   var charCode = (evt.which) ? evt.which : event.keyCode
                   if (charCode > 31 && (charCode < 48 || charCode > 57))
                      return false;

                   return true;
                }
                //-->
                
            </SCRIPT>
             
    </head>
    <body>
        <form id='ginecob' method="post" action="javascript:datosPac()">
            <table align="left">
                <tr>
                    <td>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td align="center" colspan="9">
                        <label id="titulo">SEGUIMIENTO DE PACIENTE GINECOBSTETRICIA</label>
                </tr>
            </table>
            <table id="gineco">
                <tr>
                    <td colspan="2">
                        Documento del Paciente</br>
                        <input title="DOCUMENTO DE LA PACIENTE"  type="text" id="documento" name="txtDocP" id="docPacien" value="" />
                        <input type="hidden" id="oid" name="oid" value="" />
                    </td>
                    <td width="2%"></td>
                    <td colspa="2">
                        <input title="CARGAR LA PACIENTE" style="color:#42A2FC" id="datos" type="submit" value="Cargar Paciente" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Nombres</br>
                        <input type="text" id="nombres" name="txtNombres" value="" readonly/>
                    </td>
                    <td width="2%"></td>
                    <td>
                        Apellidos</br>
                        <input type="text" id="apellidos" name="txtApellidos" value="" readonly/>
                    </td>
                    <td width="2%"></td>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    Fecha Nacimiento</br>
                                    <input type="text" id="fechanac" name="txtFechaNac" value="" readonly />
                                </td>
                                <td>
                                    Edad</br>
                                    <input type="text" id="edad" name="txtEdad" value="" readonly size="1" style="width: 40px"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Ingresos del Paciente</br>
                        <select title="SELECCIONE INGRESO" id="ingreso" name="cbIngresos" onchange="javascript:datosIng(this.value);">
                            <option>Seleccione</option>
                        </select>
                    </td>
                    <td></td>
                    <td>
                        Fecha de Ingreso</br>
                        <input type="text" id="fechaIngre" name="txtFecha" value="" readonly/>
                    </td>
                    <td></td>
                    <td>
                        Asegurador</br>
                        <input type="text" id="ase" name="txtAsegurador" value="" size="30" readonly style="width: 297px" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Diagnostico de Ingreso
                    </td>
                    <td></td>
                    <td colspan="8">
                        <textarea placeholder="Diagnostico de Ingreso" value="1" name="diagIngreso"  cols="58" rows="4" style="width: 450px" readonly></textarea>
                    </td>
               </tr>
               <tr>
                   <td colspan="2">
                        Procedencia</br>
                        <select title="SELECCIONE PROCEDENCIA" id="procedencia" name="cbProcedencia" >
                            <option>Seleccione</option>
                            <option value="ex">Expontanea</option>
                            <option value="re">Remitida</option> 
                        </select>
                    </td>
                    <td></td>
                    <td>
                        Conducta</br>
                        <select title="SELECCIONE CONDUCTA" id="conducta" name="cbConducta" >
                            <option>Seleccione</option>
                            <option value="di">Se devuelve con indicaciones</option>
                            <option value="do">Se deja en observacion</option>
                            <option value="hg">Se hospitaliza en GinecoObstetricia</option>
                            <option value="ho">Se hospitaliza en otro servicio</option>
                        </select>
                    </td>
                    <td></td>
                    <td>
                        Estado al Alta</br>
                        <select title="SELECCIONE EL ESTADO AL ALTA" id="estado" name="cbEstadoA" >
                            <option>Seleccione</option>
                            <option value="vi">Viva</option>
                            <option value="mu">Muerta</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Forma de Terminacion del Parto</br>
                        <select title="FORMA DE TERMINACION DEL PARTO" id="ftp" name="formaTermP" >
                            <option>Seleccione</option>
                            <option value="cs">Cesarea</option>
                            <option value="pi">Parto instrumentado</option>
                            <option value="pe">Parto expontaneo</option>
                            <option>NA</option>
                        </select>
                    </td>
                    <td></td>
                    <td>
                        Fecha y Hora de Parto</br>
                        <input title="FECHA Y HORA DE PARTO"  type="text" class="reporte_termino" id="fechaParto" name="txtFechaP" value="" />
                    </td>
                    <td></td>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <input type="button"  value="+" class="boton" onclick="cambiar('hora',1)" />&nbsp;&nbsp;&nbsp;<input type="button" value="+" class="boton" onclick="cambiar('minutos',1);" /></br>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" id="hora" size="2"  class="texto" name="hora" value="00" style="width: 30px" maxlength="2" onchange="validarHora();"/>:<input value="00" id="minuto" class="texto" type="text" size="2"  name="minutos" style="width: 30px" maxlength="2" onchange="validarMinu();"/> <font color="#848484">24/h</font></br>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="button" value="-" class="boton" onclick="cambiar('hora',-1)" />&nbsp;&nbsp;&nbsp;<input type="button" value="-" class="boton" onclick="cambiar('minutos',-1);" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Analgecia Obstetrica</br>
                        <select title="ANALGESIA OBSTETRICA" id="analgesia" name="cbAnalgO" >
                            <option>Seleccione</option>
                            <option value="si">Si</option>
                            <option value="no">No</option>
                            <option>NA</option>
                        </select>
                    </td>
                    <td></td>
                    <td>
                        Causa de la no Analgesia</br>
                        <select title="CAUSA DE LA NO AANLGESIA" id="caudna" name="caunanalgesia">
                            <option>Seleccione</option>
                            <option value="na">No acepta</option>
                            <option value="nd">No disponibilidad del anestesiologo</option>
                            <option value="le">Llega en expulsivo</option>
                            <option value="NA">NA</option>
                            
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="9">
                        <table align="left">
                            <tr>
                                <td>
                                    <input style="color:#42A2FC" id="agregar" type="button" value="Nuevo Nacimiento"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Diagnostico de Egreso
                    </td>
                    <td></td>
                    <td colspan="8">
                        <textarea placeholder="Diagnostico de Egreso" value="1" name="diagEgreso" cols="58" rows="4" style="width: 450px" readonly></textarea>
                    </td>
                </tr>
            </table>
            <table>
                </br>
                <tr>
                    <td colspan="9" align="center">
                        <input style="color:#42A2FC" id="enviar" type="submit" value="Registrar Seguimiento" />
                        <input style="color:#42A2FC" id="nuevo" type="button" value="Limpiar"  onclick="limpiar();"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>
</center>

